* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-text-size-adjust: 100%;
  -webkit-user-drag: none;
}
html,body {
  background:#f8fbf8;
  font-family:"Helvetica Neue Light", Arial, "Source Han Sans CN", "微软雅黑", sans-serif;
}
h1, h2, h3, h4, h5, h6{font-weight: 500;line-height:1;}
ul,ol {list-style: none; margin: 0;}
a{text-decoration: none; outline: none; blr:expression(this.onFocus=this.blur());}
*:focus {outline: none;}
body{height:100%;font-size:14px;}
button{font-size:14px;}
//公共图片路径
$imgPath:'/static/common_img';
/*设计搞按750/15 $px为需要转换的字号 50px为根字体大小*/
@function torem($px){
    @return $px / 50px * 1rem;
}
/*延时显示了{{message}}引用界面解决方法*/
[v-cloak] {display: none;}
#app,.qfl-wrap{height:100%;}
/** btn **/
.green-btn,.white-btn,.blue-btn,.not-click{
  display:block;
  border-radius:5px;
  text-align: center;
  box-shadow:0 0 3px rgba(153, 153, 153, 0.8);
}
.green-btn{
  color:#fff;
  background:#1bbc9c;
}
.green-btn:hover {
  color: #fff;
  background: #48c9b0;
}
// header头部导航

.menu-nav {
    font-size: 16px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    .first-nav {
        width: 100%;
        height: 50px;
        background: url($imgPath+'/top_nav_first.png') center repeat-x;
        background-size: cover;
        text-align: center;
        .container {
            position: relative;
            padding:0 15px;
            margin:0 auto;
            .touzi-btns, .chuangye-yuyue-btns {
                line-height: 50px;
                display: inline-block;
                color: #fff;
                margin: 0 2%;
                span{
                    font-size: 16px;
                    padding: 0 10px;
                }
                .nav-yyps-btn, .nav-yyps-btn:hover, .nav-yyps-btn:active {
                    color: #7ebbb2;
                }
            }
            .touzi-confirm, .create-project, .nav-yyps-btn {
                width: 100px;
                height: 30px;
                line-height: 30px;
                display: inline-block;
                margin: 0 10px;
                font-size:12px;
            }
            .close-first-nav {
                position: absolute;
                right: 0;
                top: 15px;
                width: 20px;
                height: 20px;
                cursor: pointer;
                display: inline-block;
                background: url($imgPath+'/first-nav-close.png') center no-repeat;
                background-size: 20px;
            }
        }
    }
    .second-nav {
        height: 50px;
        background: #fff;
        box-shadow: 0 0 1px #ccc;
        .container{
          height: 50px;
          margin:0 auto;
          padding:0;
        }
    }
}
.qfl-logo {
    float: left;
    width: 195px;
    height: 37px;
    margin:7px 0;
    background: url($imgPath+'/new-pc-logo@2x.png') center no-repeat;
    background-image: -webkit-image-set(url($imgPath+'/new-pc-logo@2x.png') 1x, url($imgPath+'/new-pc-logo@2x.png') 2x);
    background-size: 195px 48px;
}
.nav-menu-wrap {
    float: left;
    margin: 0 0 0 100px;
}
.nav-menu-wrap li {
    float: left;
    margin-right: 40px;
}
ul.home .home,
ul.project .project,
ul.services .services,
ul.video .video,
ul.contact .contact{
    color: #505050;
    border-bottom: 2px solid #66b254;
}
// .nav-menu-wrap li.actives a {
//     height:50px;
//     color: #505050;
//     border-bottom: 2px solid #66b254;
// }
// .nav-menu-wrap li.active a:after {
//     content: "";
//     position: absolute;
//     bottom: 0;
//     left: 0;
//     right: 0;
//     margin: 0 auto;
//     border-bottom: 2px solid #66b254;
// }
.nav-menu-wrap li a {
    height:50px;
    font-size: 18px;
    display: block;
    color: #999;
    line-height: 50px;
    position: relative;
    text-decoration:none;
}
.nav-menu-wrap li a:hover {
    color: #505050;
}
.user-nav {
    float: right;
    height: 50px;
}
.user-nav li {
    float: left;
}

.user-nav li a {
    display: block;
    color: #505050;
    font-size: 16px;
    line-height: 50px;
}

.user-nav li a:hover {
    color: #66b254;
}
.user-nav .shuxian {
    width: 1px;
    height: 20px;
    background: #999;
    margin: 14px 10px 0;
}
// .user-type {
//     float: right;
//     color: #34495e;
//     margin: 15px 20px 0 0;
// }
// .user-type:hover {
//     color: #1abc9c;
// }
// 搜索
.pc-search-btn{
    float:right;
    width:20px;
    height:20px;
    margin: 14px 14px 0 0;
    background: url($imgPath+'/search_icon@1x.png') center no-repeat;
    display:block;
    text-indent:-99999px;
}
.input-wrap{
    /*float:right;
    margin:30px 140px 0 0;*/
    position:fixed;
    top:0;
}
.search-input{
    width:50px;
    height:25px;
    font-family:"黑体";
    color:#9296a1;
    font-size:18px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
    background:transparent;
}
.input-w{
    width:365px;
}

.input-init-w {
    width: 50px;
}
input.search-input::-webkit-input-placeholder{
    color:rgba(146,150,161,0.5);
}
input.search-input::-moz-placeholder{
    color:rgba(146,150,161,0.5);
}
input.search-input::-ms-input-placeholder{
    color:rgba(146,150,161,0.5);
}
.search-icon{
    width:20px;
    height:25px;
    background: url($imgPath+'/search_icon@2x.png') center no-repeat;
    background-size:20px;
}
.search-close-btn{
    width:16px;
    height:25px;
    background: url($imgPath+'/close_icon@2x.png') center no-repeat;
    background-size:16px 15px;
}
.search-input,.search-icon,.search-close-btn{
    display:inline-block;
    vertical-align:middle;
}
.search-icon,.search-close-btn{
    cursor:pointer;
}
.input-wrap{
    display: none;
}
.pc-s-style{
    float:right;
    margin: 11px 110px 0 0;
    display: block;
    position: inherit;
}

.navbar-logo-wrap {
    float: left;
    height: 50px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}
.white-border-btn {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 3px;
}
.white-bg-btn {
    color: #66b254;
    background: rgba(255, 255, 255, .8);
    border-radius: 3px;
}
.white-border-btn:hover, .white-bg-btn:hover {
    color: #66b254;
    background: #fff;
}
.white-border-btn:active, .white-bg-btn:active {
    color: #66b254;
    background: #eee;
}
.gray-bg-btn{
    color:#505050;
    background:#eee;
    border-radius:3px;
    text-align:center;
}
.gray-bg-btn:hover{
    background:#fff;
}
.gray-bg-btn:active{
    background:#ddd;
}
.no-fixed{
    position:absolute;
}
.qianse-nav .second-nav,.shense-nav .second-nav{
    background:transparent;
    box-shadow:none;
}
.qianse-nav .nav-menu-wrap li.active a:after,.shense-nav .nav-menu-wrap li.active a:after{
    border-bottom:none;
}
.qianse-nav .user-nav li a,.shense-nav .user-nav li a{
    color:#999;
}
.qianse-nav .pc-search-btn{
    background:url('http://img.qifengle.com/img/zhuanti/ss_search_icon@1x.png') center no-repeat;
}
.qianse-nav .search-input{
    color:#505050;
}
.qianse-nav .user-nav li a:hover,.shense-nav .user-nav li a:hover{
    color:#66b254;
}
.qianse-nav .search-icon{
    background: url('http://img.qifengle.com/img/zhuanti/ss_search_icon@1x.png') center no-repeat;
    background-image: -webkit-image-set(url('http://img.qifengle.com/img/zhuanti/ss_search_icon@1x.png') 1x, url('http://img.qifengle.com/img/zhuanti/ss_search_icon@2x.png') 2x);
}
.qianse-nav .search-close-btn{
    background: url('http://img.qifengle.com/img/zhuanti/ss_close_icon@1x.png') center no-repeat;
    background-image: -webkit-image-set(url('http://img.qifengle.com/img/zhuanti/ss_close_icon@1x.png') 1x, url('http://img.qifengle.com/img/zhuanti/ss_close_icon@2x.png') 2x);
}
.shense-nav .qfl-logo{
    background: url('http://img.qifengle.com/img/zhuanti/qs_pc_logo@1x.png') center no-repeat;
    background-image: -webkit-image-set(url('http://img.qifengle.com/img/zhuanti/qs_pc_logo@1x.png') 1x, url('http://img.qifengle.com/img/zhuanti/qs_pc_logo@2x.png') 2x);
}
.shense-nav .nav-menu-wrap li.active a,.shense-nav .nav-menu-wrap li a:hover{
    color:#fff;
}
.shense-nav .pc-search-btn{
    background:url('http://img.qifengle.com/img/zhuanti/qs_search_icon@1x.png') center no-repeat;
}
.shense-nav .search-input{
    color:#fff;
}
.shense-nav .search-icon{
    background: url('http://img.qifengle.com/img/zhuanti/qs_search_icon@1x.png') center no-repeat;
    background-image: -webkit-image-set(url('http://img.qifengle.com/img/zhuanti/qs_search_icon@1x.png') 1x, url('http://img.qifengle.com/img/zhuanti/qs_search_icon@2x.png') 2x);
}
.shense-nav .search-close-btn{
    background: url('http://img.qifengle.com/img/zhuanti/qs_close_icon@1x.png') center no-repeat;
    background-image: -webkit-image-set(url('http://img.qifengle.com/img/zhuanti/qs_close_icon@1x.png') 1x, url('http://img.qifengle.com/img/zhuanti/qs_close_icon@2x.png') 2x);
}
.header-show {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 900ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 900ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 900ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 900ms cubic-bezier(0.19, 1, 0.22, 1);
}
.header-hide {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/**bootstrap**/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
// pc端快捷入口
.user-wrap{
    position:relative;
}
.pc-user-avatar{
    position:relative;
    float:right;
    margin:0 22px 0 20px;
}
.pc-user-avatar img{
    vertical-align: middle;
    width:38px;
    height:38px;
    border-radius:50%;
    margin:6px 0;
}
.circle-num,.circle-red,.circle-num-three{
    position:absolute;
    top:1px;
    right:-34px;
    background:#e74c3c;
    border-radius:15px;
    font-size:10px;
    line-height:10px;
    color:#fff;
    font-style:normal;
    text-align:left;
}
.circle-red{
    top:5px;
    right:-22px;
    padding:4px;
}
.my-orders{
  display: inline-block;
  background:#e74c3c;
  position:absolute;
  padding:3px 8px;
  right: -30px;
  border-radius:15px;
  font-size:10px;
  line-height:10px;
  color:#fff;
  font-style:normal;
}
.pc-user-avatar .circle-red{
    right:1px;
    top:7px;
}
.quick-links-wrap{
    position:absolute;
    width:130px;
    padding:20px 15px 5px;
    top:56px;
    right:86px;
    font-size:14px;
    line-height:14px;
    text-align:center;
    border:1px solid #eee;
    border-radius:5px;
    background:#fff;
    box-shadow:0 0 4px rgba(0,0,0,0.4);
    display:none;
}
.quick-links-wrap .arrow-up{
    content:'';
    position:absolute;
    top:-15px;
    right:30px;
    width:15px;
    height:18px;
    background: url('http://img.qifengle.com/img/downlaod_menu.png') 0 0 no-repeat;
    background-size:15px 18px;
}
.quick-links-wrap .username{
    color:#aaa;
    margin:0 0 20px;
    text-align:left;
}
.quick-links{
    display:block;
}
.notUser{
  right: 0
}
.quick-links>li{
    padding:0 0 20px 20px;
    text-align:left;
}
.quick-links>li.my-info{
    width:auto;
    padding:10px 0;
    border-top:1px solid #eee;
    text-align:center;
}
.quick-links>li>a{
    position:relative;
    color:#34495e;
}
.quick-links>li>a:hover{
    color:#1abc9c;
}
.quick-links .circle-num{
    top:-1px;
    right:-28px;
}
.quick-links .circle-red{
    top:4px;
    right:-14px;
}
.quick-links .circle-num-three{
    top:-1px;
    right:-28px;
}
.is-have-xm .quick-links-wrap{
    right:85px;
}
// 退出登录按钮
.my-info .btn-link{
    color:#aaa;
    padding:0;
    font-size:12px;
    line-height:12px;
    text-decoration:none;
    cursor: pointer;
}
.my-info .btn-link:hover{
  color:#1abc9c;
}
.my-project-link{
    float:right;
    font-size:18px;
    color:#999;
    line-height:50px;
}
// 工作台
.workbench{
  float:right;
  font-size:16px;
  line-height:36px;
  text-align: center;
  border-radius:4px;
  height: 36px;
  width: 84px;
  margin-top: 7px;
  border:1px solid #82d9c4;
  color: #06b38a;
}
.workbenchs{
  width: torem(148px);
  height: 28px;
  line-height: 28px;
  border:1px solid #82d9c4;
  color: #06b38a;
  text-align: center;
  border-radius:4px;
  position: absolute;
  top: 8px;
  right:48px;
}
@media (min-width: 768px){
  .container{
    width: 750px;
  }
  .navbar-right{
    float: right !important;
  }
}
@media (min-width: 992px){
  .container{
    width: 970px;
  }
}
@media (min-width: 1200px){
  .container{
    width: 1170px;
  }
}
//移动端导航
.m-first-nav, .m-second-nav, .m-left-menu, .m-right-menu {
    display: none;
}

.wrap{
  position: relative;
  min-height:100%;
  padding: 50px 0 365px;
  background: #f5f5f5;
}
.phoneHeader{display:none}
//footer
.footer {
  position: relative;
  background: #292e3a;
  color: #fff;
  overflow: hidden;
  max-height:679px;
  min-height: 185px;
  margin-top:-365px;
  z-index: 2;
}
.footer-fluid{
  position:inherit;
  margin-top:0;
}
.footer-wrap{
  position:relative;
  overflow:hidden;
  .logo-about {
    float: left;
    width: 195px;
    margin: 30px 0 35px;
    .f-logo {
      width: 190px;
      height: 104px;
      display: block;
      margin: 0 auto;
      background: url($imgPath + '/footer_logo@2x.png') center no-repeat;
      background-image: -webkit-image-set(url($imgPath + '/footer_logo@1x.png') 1x, url($imgPath + '/footer_logo@2x.png') 2x);
    }
  }
}
.f-about {
  margin: 36px 0;
  text-align: center;
  ul {
    display: table;
    margin: 0 auto;
    font-size:0;
    li {
      display: table-cell;
      line-height:14px;
      a {
        font-size: 13px;
        color: #fff;
        .f-line {
          margin: 0 8px;
          font-size: 10px;
          border-left: 1px solid #fff;
        }
        &:hover {
          color: #1abc9c;
        }
      }
    }
  }
}
.swhz-wrap{
  a{
    color:#428bca;
  }
}
.s-footer-btns{
  .guanzhu{display:none;}
  .yuyue-btn {
    width: 192px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    margin: 0 auto;
  }
}
.f-info {
  border-top: 1px solid #40454f;
  border-bottom: 1px solid #40454f;
  background: #212530;
  overflow:hidden;
  p{
    float: left;
    margin:0;
    font-size: 12px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.5);
  }
  p.f-info-lr {
    float: right;
  }
}
.qfl-erweima-wrap {
  float: right;
}
.qfl-erweima-wrap .qfl-erweima {
  margin: 86px 0 35px;
  width: 176px;
  height: 212px;
  display: block;
  background: url($imgPath + '/f-erweima@1x.png') center no-repeat;
  background-image: -webkit-image-set(url($imgPath + '/f-erweima@1x.png') 1x, url($imgPath + '/f-erweima@2x.png') 2x);
  background-size:176px 212px;
  filter: alpha(opacity=50);
  opacity:.5;
}
.cooperative-partner {
  position: absolute;
  left: 28%;
  right: 24%;
  padding: 0 54px;
  margin: 38px auto 35px;
}
.cooperative-partner h1 {
  text-align:center;
  font-size: 20px;
  margin:20px 0 5px 0;
  color: rgba(255,255,255,0.5);
}
.cooperative-partner .slick-prev,.cooperative-partner .slick-next{
  -webkit-transform:scale(0.4);
  -moz-transform:scale(0.4);
  -o-transform:scale(0.4);
  transform:scale(0.4);
}
.cooperative-partner .slick-prev{
  left:-10px;
}
.cooperative-partner .slick-next{
  right:-10px;
}
.cp-wrap {
  position:relative;
  padding: 0 20px;
}
.cp-col{
  text-align:center;
}
.cp-col a {
  display: block;
  width: 64px;
  height: 46px;
  line-height:46px;
  margin:8px 0;
}
.cp-col a:hover img{
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.cp-col a img {
  max-width:100%;
  max-height:100%;
  filter: alpha(opacity=50);
  opacity:.5;
  -moz-transition: all 0.14s ease 0s;
  -webkit-transition: all 0.14s ease 0s;
  -o-transition: all 0.14s ease 0s;
  transition: all 0.14s ease 0s;
}
/**btn**/
.green-btn{
  width:140px;
  height:36px;
  line-height:36px;
  background:#06b38a;
  border-radius:4px;
  color:#fff;
  cursor:pointer;
}
.green-btn:hover{
  background:#00ce9d;
}
.green-btn:active{
  background:#009874;
  color:#bac6bc;
}
.green-border-btn{
  color:#06b38a;
  border:1px solid #06b38a;
  border-radius:4px;
}
.green-border-btn:hover,.green-border-btn:active{
  //background:#d0f5e0;
}
/**dialog**/
.dialog-wrap,.cropper-dialog-wrap,.qfl-dialog-wrap{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,.75);
  display:none;
  z-index:3001;
}
.qfl-dialog-wrap{
  display: block;
}
.dialog-info-section{
   position:absolute;
   left:50%;
   top:52%;
   width:530px;
   padding:100px 30px 28px;
   background:#fff;
   border-radius:5px;
   text-align:center;
   -webkit-transform:translate(-50%,-50%);
   -ms-transform:translate(-50%,-50%);
   transform: translate(-50%,-50%);
 }
.dialog-title-icon{
  position:absolute;
  top:0;
  left:50%;
  width:136px;
  margin:-60px 0 0 -68px;
}
.dialog-close-btn{
  position:absolute;
  top:0;
  right:0;
  width:52px;
  cursor:pointer;
}
/*组件对话框样式*/
.dialog-info-section h2{
  font-size:28px;
  line-height:28px;
  color:#06b38a;
  margin:0;
}
.modal-dialog-info{
  font-size:20px;
  line-height:30px;
  color:#999;
  margin:20px 0 80px;
}
.dialog-btn{
  width:298px;
  height:48px;
  line-height:48px;
  display:block;
  font-size:18px;
  margin:0 auto 40px;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}
/**截图**/
.dialog-cropper{
  position:absolute;
  top:50%;
  left:50%;
  width:560px;
  height:70%;
  transform: translate(-50%, -50%);
  z-index:10000;
}
.cropper-title-wrap{
  position:absolute;
  width:100%;
  height:48px;
  line-height:48px;
  color:#fff;
  background:#7dcbb9;
  border-radius:4px 4px 0 0;
  padding:0 8px 0 24px;
}
.cropper-title-wrap>p{
  float:left;
  margin:0;
}
.cropper-title-wrap>i{
  float:right;
  width:48px;
  height:48px;
  text-indent:-9999px;
  background: url('//img.qifengle.com/img/btn_white_close.png') center no-repeat;
  background-size:16px;
  cursor:pointer;
}
.img-container-wrap{
  width:100%;
  height:100%;
  padding:48px 0 108px 0;
  background:#fff;
  border-radius:4px;
}
.dialog-cropper .img-container{
  width:516px;
  height:100%;
  margin:0 auto;
  padding:22px 0;
}
.cropper-img{
  display:none;
}
.dialog-cropper .upload-btn-wrap{
  position:absolute;
  bottom:0;
  width:100%;
  height:64px;
  line-height:64px;
  background:#e6f7f3;
}
.upload-btn-wrap .upload-btn{
  width:140px;
  height:36px;
  line-height:36px;
  margin:14px auto;
  cursor:pointer;
}
/**loading**/
#loadingWrap{
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  width:100%;
  height:100%;
  background:#fff;
  opacity:1;
  filter:alpha(opacity=100);
  z-index:10000000;
}
.loading-img-wrap{
  position: absolute;
  top:50%;
  left:50%;
  margin:-8px 0 0 -8px;
}
/** ie9低版提示 */
#browser-tip{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  height:50px;
  text-indent:30px;
  font-size:15px;
  background:#fcf8e3;
  border-bottom:1px solid #fbeed5;
  width:100%;
  display:none;
  overflow:hidden;
}
.ie-close{
  position:absolute;
  right:0px;
  width:36px;
  padding:0 10px;
  display:block;
  height:50px;
  cursor:pointer;
}
.ie-close img{
  width:16px;
  margin:17px 0 0 0;
  display:block;
}
#browser-tip p{
  text-align:center;
  line-height:50px;
}
/** slick **/
.slick-slider {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
}
.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
  margin:0 auto;
}
.slick-track:before,.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.slick-prev,.slick-next {
  position: absolute;
  display: block;
  width: 25px;
  height: 47px;
  cursor: pointer;
  top: 50%;
  margin-top: -24px;
  text-indent: -9999px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
.slick-prev {
  left: 25px;
  background: url($imgPath + '/screenshot_left@1x.png') center no-repeat;
  background-image: -webkit-image-set(url($imgPath + '/screenshot_left@1x.png') 1x, url($imgPath + '/screenshot_left@2x.png') 2x);
}
.slick-prev:hover {
  background: url($imgPath + '/ss_left_hover@1x.png') center no-repeat;
  background-image: -webkit-image-set(url($imgPath + '/ss_left_hover@1x.png') 1x, url($imgPath + '/ss_left_hover@2x.png') 2x);
}
.slick-next {
  right: 25px;
  background: url($imgPath + '/screenshot_right@1x.png') center no-repeat;
  background-image: -webkit-image-set(url($imgPath + '/screenshot_right@1x.png') 1x, url($imgPath + '/screenshot_right@2x.png') 2x);
}
.slick-next:hover {
  background: url($imgPath + '/ss_right_hover@1x.png') center no-repeat;
  background-image: -webkit-image-set(url($imgPath + '/ss_right_hover@1x.png') 1x, url($imgPath + '/ss_right_hover@2x.png') 2x);
}
/**dots**/
.mis-nav-list,.slick-dots{
  position: absolute;
  left:0;
  right:0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  z-index: 3;
  text-align:center;
}
.mis-nav-list li,.slick-dots li {
  display: inline-block;
  *display:inline;
  *zoom:1;
  cursor:pointer;
}
.mis-nav-list li a,.slick-dots li button {
  display: block;
  width: 10px;
  height: 10px;
  text-indent: 100%;
  /* Replace text */
  overflow: hidden;
  white-space: nowrap;
  background:rgba(255,255,255,.5);
  border-radius: 7px;
  webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 0 2px 2px rgba(0,0,0,.1);
  margin: 0 4px;
  -webkit-transition:width .3s ease-out;
  -moz-transition:width .3s ease-out;
  -o-transition:width .3s ease-out;
  transition:width .3s ease-out;
}
.mis-nav-list li.mis-current a,.slick-dots li.slick-active button{
  width:25px;
  height:10px;
  background:#66b254;
  border:none;
  webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 0 2px 2px rgba(0,0,0,.1);
}
@media (min-width: 768px) {
  .footer-wrap .logo-about .f-logo { background: url($imgPath + '/footer_logo@2x.png') center no-repeat;}
}
@media (min-width: 700px) and(max-width: 1200px) {
  .cooperative-partner { padding: 0 25px; left: 34%; right: 30%;}
}
@media (min-width: 200px) and (max-width: 400px) {
  .logo-about {width: 100%;}
  .qfl-erweima-wrap {margin-top: 0;float: left;width: 100%;}
  .qfl-erweima-wrap .qfl-erweima {margin: 0 auto 35px;}
  .success-title h1 {font-size: 17px;}
  .text-center h1.success {font-size: 14px;}
}
@media (max-width: 1200px) {
    .nav-menu-wrap{margin:0 0 0 10px;}
}
@media (max-width: 992px) {
    .nav-menu-wrap {margin: 0;width: 300px;}
    .nav-menu-wrap li {margin-right: 4%;}
    .nav-menu-wrap li a{font-size:16px}
    .input-w {width: 140px;}
    .pc-user-avatar {margin:0 6px 0 6px}
}
@media (max-width: 780px) {
  .wrap {padding: 100px 0 635px;}
  #footer {margin-top: -635px;}
  .footer-wrap .logo-about, .qfl-erweima-wrap {margin-top: 340px;width: 50%;}
  .cooperative-partner {left: 3%;right: 3%; margin: 20px auto 40px;padding: 0 20px;}
  .qfl-erweima-wrap .qfl-erweima {margin: 45px auto 0;}
  .goTop {display: none;}
}
@media (max-width:768px){
  /*.footer-wrap{
    .logo-about {
      margin: 22px auto;
      width: auto;
      float: inherit;
      .f-logo {width: 95px;height: 52px;}
    }
  }*/
  .f-about{
    margin:13px 0 25px;
  }

}
@media (max-width:767px){
  .wrap{padding:44px 0 185px;}
  #footer {margin-top: -185px; }
  .cooperative-partner, .qfl-erweima-wrap, .logo-about .f-about p {display: none;}
  .footer-wrap .logo-about {margin: 22px auto;width: auto;float: inherit;}
  .footer-wrap .logo-about .f-about {margin: 13px 0 25px;}
  .footer-wrap .logo-about .f-logo {width: 95px;height: 52px;}
  .footer-wrap .logo-about .f-about ul li a {font-size: 12px;}
  .s-footer-btns{
    width: 100%;
    margin: 0 auto;
    height:30px;
    font-size:0;
    display:block;
    .guanzhu {
      border: 1px solid #fff;
      border-radius: 5px;
      display:inline-block;
    }
    .yuyue-btn,.guanzhu{
      display: inline-block;
      width: 40%;
      margin: 0 4%;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #fff;
      font-size: 12px;
    }
  }
  .guanzhu, .logo-about .yuyue-btn {display: inline-block;width: 40%;margin: 0 4%;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 12px;}
  .f-info {padding: 0 0 10px;display: none;}
  .f-info p {margin: 10px 0 0; line-height: 12px; float: inherit; text-align: center;}
  .f-info .f-info-lr {float: inherit;}
  .phoneHeader{display:block;font-size:14px;}
  .menu-nav {display: none;}
  // 移动端一导航
  .m-first-nav {font-size: 16px;position: fixed;bottom: 0;left: 0;display: block;text-align:center;width: 100%; height: 72px;z-index: 1030;background: url($imgPath+'/m-bottom-bg.png') center no-repeat;}
  .m-close-first-nav {position: absolute;right: 15px;top: -11px;width: 23px;}
  .m-fn-section {width: 32%;display: inline-block;text-align: center;font-size: 12px; margin: 8px 0;}
  .m-fn-section:first-of-type {border-right: 1px solid rgba(255, 255, 255, .5);}
  .m-fn-section > span {width: 70%; line-height: 12px;display: block;text-align: left;margin: 2px auto 10px;color: rgba(255, 255, 255, .5);}
  .m-touzi-confirm, .m-create-project, .m-nav-yyps-btn {width: 70%;height: 30px;line-height: 30px;display: inline-block;}
  // 移动端二导航
  .m-second-nav {position: fixed;top: 0;left: 0;right: 0;display: block;z-index: 1030;height: 44px;background: #fff;border-bottom: 1px solid #eee;}
  .m-no-fixed{position:absolute;}
  .m-login .shuxian {width: 1px;height: 14px;background: #999; margin: 0 5px;}
  .m-login, .m-user-avatar {position: absolute;right: 15px;top: 0;}
  .m-user-avatar, .m-menu {width: 27px;height: 100%;display: block;}
  .m-user-avatar>img{width:30px;height:30px;margin:8px 0 0;border-radius:50%;}
  .m-login {color: #66b254;line-height: 44px;color: #505050;font-size:14px;}
  .m-login:hover {color: #66b254;}
  .m-login span {display: inline-block;vertical-align: middle;}
  .m-menu {position: absolute;left: 15px;background: url($imgPath+'/m-nav-icon@3x.png') center 8px no-repeat;background-size: 100%;}
  .m-qfl-logo {width: 105px;height: 36px;display: block;background: url($imgPath+'/m-logo@3x.png') center no-repeat;background-size: 105px 36px;margin: 4px auto 0;}
  // 移动端点击出现导航
  html.m-opened{position:relative;overflow:hidden;}
  .m-layer {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .8);z-index: -9999;display: block;}
  .m-left-menu, .m-right-menu {position: fixed;top: 0;bottom: 0;width: 80%;min-width: 140px;max-width: 440px;background: #fff;overflow: hidden;z-index: 1;display:none;font-size:14px;}
  .m-left-menu {left: 0;}
  .m-right-menu {right: 0; }
  .m-left-menu.m-current, .m-right-menu.m-current {display: block;}
  .m-panel {position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0; overflow: scroll;overflow-x: hidden;overflow-y: auto;}
  .open-left, .open-right {overflow: hidden;}
  .m-input-wrap {margin: 25px auto 20px;}
  .m-input-section {width: 90%;height: 32px;line-height: 32px;margin: 0 auto;border: 1px solid #ccc;border-radius: 3px;background: #fafafa;}
  .m-search-icon {width: 20px;height: 32px;margin: 0 0 0 5px;display: inline-block;}
  .m-search-icon > img {height: 20px;vertical-align: top;margin: 5px 0 0;}
  .m-search-input {width: 80%;padding: 0 5px;background: transparent;line-height:32px;}
  .m-menu-list > li {margin: 5px 0;}
  .m-menu-list > li > a, .m-user-list > li > a {display: block;height: 40px;line-height: 40px;color: #66b254;position:relative}
  .m-menu-list > li > a:hover, .m-menu-list > li.active > a,
  .m-user-list > li > a:hover, .m-user-list > li.active > a {background: #e7f7dc;}
  .m-menu-list > li > a > img { width: 24px;margin: 0 10px 0 25px;vertical-align:middle;}
  .m-menu-second-list {margin: 0 0 0 52px;}
  .m-menu-second-list li, .m-user-second-list li {margin: 18px 0;}
  .m-menu-second-list li:first-child, .m-user-second-list li:first-child {margin: 10px 0 18px;}
  .m-menu-second-list li a, .m-user-second-list li a {position:relative;color: #999;}
  .m-menu-second-list li a:hover, .m-menu-second-list li.active a,
  .m-user-second-list li a:hover, .m-user-second-list li.active a {color: #66b254;}
  .m-menu-second-list > li > a > img {height: 16px; margin: 0 8px 0 0;}
  /** right nav**/
  .m-avatart-username {width: 90%;margin: 0 auto;padding: 15px 15px 10px;border-bottom: 1px solid #eee;}
  .m-avatart-username img {width: 30px;height: 30px; border-radius: 50%; margin: 0 10px 0 0;vertical-align:middle}
  .m-avatart-username span {color: #505050;}
  .m-user-list {margin: 20px 0 0;}
  .m-user-list > li a {margin: 5px 0;padding: 0 0 0 20%;}
  .m-user-second-list { margin: 0 0 0 40px;}
  .m-drop-out { width: 90%;color: #999;margin: 0 auto; padding: 15px 0;text-align: center; border-top: 1px solid #eee; }
  .m-drop-out > img, .m-drop-out > form{display: inline-block;vertical-align: middle;}
  .m-drop-out > img {width: 20px; margin: 0 4px 0 0;}
  .m-drop-out > span.btn-link{color:#999;cursor:pointer;}
  .m-drop-out > span.btn-link:hover,
  .m-drop-out > span.btn-link:active,
  .m-drop-out > span.btn-link:focus{text-decoration:none; color:#66b254;}
  .m-qianse-nav,.m-shense-nav{background:transparent;border-bottom:none;}
  .m-qianse-nav .m-menu{background:url('http://img.qifengle.com/img/zhuanti/m-ss-nav-icon@3x.png') center 8px no-repeat;background-size:100%;}
  .m-qianse-nav .m-user-avatar{background:url('http://img.qifengle.com/img/zhuanti/m-ss-user-avatar@3x.png') center 8px no-repeat;background-size:100%;}
  .m-shense-nav .m-menu{background:url('http://img.qifengle.com/img/zhuanti/m-qs-nav-icon@3x.png') center 8px no-repeat;background-size:100%;}
  .m-shense-nav .m-user-avatar{background:url('http://img.qifengle.com/img/zhuanti/m-qs-user-avatar@3x.png') center 8px no-repeat;background-size:100%;}
  .m-shense-nav .m-qfl-logo{background:url('http://img.qifengle.com/img/zhuanti/m-qs-logo@3x.png') center no-repeat;background-size:105px 36px;}
  .m-nav-yyps-btn{margin:13px 0;}
  .m-second-nav, .m-first-nav, .m-layer, #footer, .wrap{
      -webkit-transition: -webkit-transform .4s ease;
      -ms-transition: -ms-transform .4s ease;transition: transform .4s ease;}
  .open-left .wrap, .open-left .m-second-nav, .open-left .m-first-nav, .open-left .m-layer, .open-left #footer{
      -webkit-transform:translateX(80%);-moz-transform: translateX(80%);-ms-transform: translateX(80%);
      -o-transform: translateX(80%);transform: translateX(80%);}
  .open-right .wrap, .open-right .m-second-nav, .open-right .m-first-nav, .open-right .m-layer, .open-right #footer{
      -webkit-transform: translateX(-80%);-moz-transform: translateX(-80%);-ms-transform: translateX(-80%);
      -o-transform: translateX(-80%);transform: translateX(-80%);}
  //对话框
  .dialog-wrap .dialog-info-section,.qfl-dialog-wrap .dialog-info-section{width:90%;}
  .dialog-cropper{width:90%;}
  .dialog-cropper .img-container{width:90%;}
  .dialog-info-section{
      padding:80px 30px 20px;
  }
  .dialog-info-section h2{
    font-size:24px;
  }
  .modal-dialog-info{
    margin:20px 0 40px;
  }
  .dialog-btn{
    width:100%;
  }
  #footer.footer-fluid{
    margin:0;
    //height: 230px;
  }
  .circle-red{
    right: torem(15px);
    top: torem(20px);
  }
  .phone-red{
    position:absolute;
    top:4px;
    right:-20px;
    background:#e74c3c;
    border-radius:15px;
    font-size:10px;
    line-height:10px;
    color:#fff;
    font-style:normal;
    text-align:left;
    padding:4px;
  }
  .phone-orders{
    margin-left: torem(20px);
    margin-top: torem(20px);
    display: inline-block;
    background:#e74c3c;
    position:absolute;
    padding:3px 8px;
    border-radius:15px;
    font-size:10px;
    line-height:10px;
    color:#fff;
    font-style:normal;
  }
}
